<template lang="pug">
  .bill-table
    Modal(
      width="1200"
      v-model="isShowTableFuwufeihuizongModal"
      title="服务费汇总"
      class-name="vertical-center-modal"
      footer-hide
    )
      Table.hasTitle-table.beautiful-table(:columns="thead" :data="newTableData" ref="table")
        .clearfix.font-14(slot="header")
          Row
            Col(span="8") 账单月份：{{year}}年{{month}}月
            Col.ellipsis(span="12") 单位名称：{{companyName}}
            Col(span="4")
              Button.pull-right.mt-8(type="info" @click="exportServiceFeeTotal") 导出
        template(slot-scope="{ row, index }" slot="leftnav")
          .text-center(v-for="(item, i) of leftNavArr" v-if="index == i") {{item}}
</template>

<script>
import { tableFuwufeihuizongThead } from './modalTableHead.js'
import _cloneDeep from 'clone-deep'
import Mixin from '../modalMixin/tableFuwufeihuizongModalMixin.js'
export default {
  name: '',

  mixins: [Mixin],

  data () {
    return {
      thead: _cloneDeep(tableFuwufeihuizongThead),
      leftNavArr: ['人数', '合计']
    }
  },

  watch: {
  },

  mounted () {
    // this.companyId = this.$route.query.companyId
  }
}
</script>

<style lang="less" scope>
.bill-table{

}
</style>
